﻿<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<title>Frame top</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript" src="style/js/jquery.js"></script>
	<script type="text/javascript" src="style/js/page_common.js"></script>

	<link href="style/css/common_style_blue.css" rel="stylesheet" type="text/css" />

	<style type="text/css">
		<!--
		body {
			margin: 0;
		}
		#Head_1 {
			background: url("style/images/img/top_head1_bg.gif") repeat-x scroll 0 0 transparent;
			height: 64px;
			margin: 0 auto;
			width: 100%;
		}
		#Head_1 #Head_1_Logo {
			float: left;
			left: 20px;
			position: absolute;
			top: 12px;
			color: #F1F9FE;
			font-family: Arial Black,Arial;
			font-size: 28px;
		}
		#Head_1 #Head_1_UserWelcome {
			float: right;
			color: #B3E1FF;
			font-family: "宋体";
			font-size: 12px;
			height: 25px;
			padding-top: 11px;
			margin-right: 20px;
		}
		#Head_1 #Head_1_FunctionButton {
			float: left;
			position: absolute;
			right: 5px;
			top: 35px;
			margin-right: 15px;
		}
		#Head_1 #Head_1_FunctionButton img {
			margin-left: 10px;
		}
		#Head_2 {
			background: url("style/images/img/top_head2_bg.gif") repeat-x scroll 0 0 transparent;
			border-bottom: 1px solid #FFFFFF;
			border-top: 1px solid #A0C6E1;
			height: 36px;
			margin: 0;
			width: 100%;
		}
		#Head_2 #Head2_Awoke {
			float: left;
			height: 100%;
			padding-left: 19px;
			padding-top: 2px;
		}
		#Head_2 #Head2_Awoke #AwokeNum {
			position: absolute;
			left: 20px;
			top: 68px;
			width: 406px;
			/*height: 21px;*/
			margin-top: 0;
			padding: 0;
			padding-top: 2px;
			list-style-type: none;
			margin-bottom: 0;
			margin-left: 0;
		}
		#Head_2 #Head2_Awoke #AwokeNum li {
			float: left;
			margin: 3px;
			display: inline;
		}
		#Head_2 #Head2_Awoke #AwokeNum a {
			color: #FFFFFF;
			font-family: "宋体";
			font-size: 12px;
			text-decoration: none;
		}
		#Head_2 #Head2_Awoke #AwokeNum .Line {
			border-left: 1px solid #005A98;
			border-right: 1px solid #A0C6E1;
			height: 17px;
			width: 0px;
		}
		#Head_2 #Head2_FunctionList, .Head2_FunctionList {
			color: #FFFFFF;
			float: right;
			font-family: "宋体";
			font-size: 13px;
			height: 100%;
			padding-right: 26px;
			padding-top: 10px;
		}
		-->
	</style>

	<script type="text/javascript">
		function logout() {
			if(confirm("确定要退出系统吗????")){
				parent.location.href="/user_logout";
			}
		}
	</script>

</head>

<body>

<!-- 上部 -->
<div id="Head_1">
	<!-- 标题 -->
	<div id="Head_1_Logo">
		<b style="font-family: '黑体'">雷霆酒家信息管理平台</b> <!-- <img border="0" src="style/images/logo.png" /> -->
	</div>
	<!-- 欢迎用户的文字 -->
	<div id="Head_1_UserWelcome">
		<img border="0" width="13" height="14" src="style/images/user.gif" />
		您好，<span th:text="${session.loginUser.username}"></span><b>管理员</b>
	</div>
	<!-- 一些链接按钮 -->
	<div id="Head_1_FunctionButton">
		<a target="right" href="javascript:void(0)">
			<img width="78" height="20" src="style/images/help2.gif" />
		</a>
		<a target="_parent" href="javascript:logout();">
			<img width="78" height="20" alt="退出系统" src="style/images/logout.gif" />
		</a>
	</div>
</div>
<!-- 下部 -->
<div id="Head_2">
	<!-- 任务提醒 -->
	<div id="Head2_Awoke">
		<ul id="AwokeNum">

		</ul>
	</div>

	<div class="Head2_FunctionList" style="float:left">
		<a href="javascript: window.parent.right.history.back();">
			<img src="style/images/Header_back.gif" width="24" height="24" style="margin-top: -8px;"/>
			<b>后退</b>
		</a>
		<a href="javascript: window.parent.right.history.forward();">
			<img src="style/images/Header_forward.gif" width="24" height="24" style="margin-top: -8px;"/>
			<b>前进</b>
		</a>
	</div>

	<div id="Head2_FunctionList">
		<!--
            如果使用 window.parent.right.location.reload(true); 则IE与FF都可以使用，Chrome不可以。
            在Chrome中 alert(window.parent.right.document); 显示的值是 undefined！为什么？
            使用 window.parent.right.history.go(0) 实现刷新，在IE、Chrome中都可以运行，但在FF中不可以！（但没有测试什么时候会使用缓存）。
         -->
		<a href="javascript: window.parent.right.history.go(0);">
			<img src="style/images/Header_refresh.gif" width="24" height="24" style="margin-top: -8px;"/>
			<b>刷新(IE、Chrome)</b>
		</a>
		<a href="javascript: window.parent.right.location.reload(true);">
			<img src="style/images/Header_refresh.gif" width="24" height="24" style="margin-top: -8px;"/>
			<b>刷新(Firefox)</b>
		</a>
	</div>
</div>
</body>
</html>